<?php include 'header.php'; 

//        include '../logic/funcionesChachis.php';
    
    if(!isset($_POST['mid'])) {
        $_POST['mid'] = $_GET['mid'];
    }
    
    if(!isset($_POST['asunto'])) {
        $_POST['asunto'] = $_GET['asunto'];
    }
    
    if(!isset($_POST['uid'])) {
        $_POST['uid'] = $_GET['uid'];
    }
    
    $contacto = datosUsuario($_POST['uid']);
    $yo =  datosUsuario(0);
?>
        <title>conversación</title>   
        <style>
            .plano {
                border-radius: 0;
                width:185px;
                margin-bottom:10px;
           }
        </style>
    </head>
    <body>
       <?php include '../menus/menuUsuario.php'; ?>
            <?php include 'sidebar.php'; ?>
            <div class="content">
                <div class="header">
                    <div style="float:left;margin:8px 10px 0 0;"><img class="thumb" style="width:50px;" src="../<?php echo $contacto['foto'] ?>"></div>
                        <h1 class="page-title">Conversación con <?php echo $contacto['nombreUsuario']." ".$contacto['apellidos'] ?></h1>
                    </div>
                <div style="width:100%;min-height:98%;">
            
        <div style="width:80%;padding-top:10px;margin:0 auto;">
            <div style="width:100%;">
                <div style="float:left;padding:10px;">
                    <img class="thumb" style="width:60px;" src="../<?php echo $yo['foto'] ?>">
                </div>
                <div class="bocadillo_izquierda" style="float:left;margin-top:10px;margin-bottom:20px;width:calc(100% - 90px)">
                    <form method="post" name="enviar" action="../logic/insertarConversacion.php">
                        <input type="hidden" name="mid" value="<?php echo $_POST['mid'] ?>">
                        <input type="hidden" name="uidOrigen" value="0">
                        <input type="hidden" name="uidDestino" value="<?php echo $contacto['idUsuario'] ?>">
                        <input type="hidden" name="asunto" value="<?php echo $_POST['asunto']; ?>">
                        <input type="hidden" name="origen" value="<?php echo $_SERVER['REQUEST_URI'] ?>">
                        <textarea name="conversacion" style="width:100%;height:100px;color:black"></textarea>
                    </form>
                    <div style="width:100%;text-align:center;padding:10px;">
                        <button class="btn btn-info plano" onclick="document.enviar.submit()" type="submit">Enviar</button>
                    </div>
                </div>
            </div>
            
        <?php if($mensajes = miConversacion($_POST['mid'],0)) {
//            include '../logic/funcionesChachis.php';

            //Preparamos los datos para la paginación
            $resPorPagina = 10;

            if(!isset($_GET['pagina'])) {
                $_GET['pagina'] = 1;
            }
            $resultados = paginar(count($mensajes), $resPorPagina, $_GET['pagina']); //número total de resultados, resultados por página, número de página
            $i = $resultados['i'];
            while ($i < $resultados['max']) { 
                if (0 == $mensajes[$i]['idUsuarioOrigen']) {
            ?>
                <div style="width:100%;">
                        <div style="float:left;padding:10px;">
                            <img class="thumb" style="width:60px;" src="../<?php echo $yo['foto'] ?>">
                        </div>
                        <div class="bocadillo_izquierda" style="float:left;margin-top:10px;width:calc(100% - 90px)">
                            <div style="float:left;font-weight:bold;">
                                <?php $apellidos = explode(" ",$yo['apellidos']) ?>
                                <?php echo $yo['nombre']." ".$apellidos['0'].":";?>
                            </div>
                            
                            <div style="float:right;font-size:11px;color:silver;">
                                <?php if ($mensajes[$i]['fecha'] == date("Y-m-d")) { ?>
                                    Hoy <?php echo " a las ".$mensajes[$i]['hora']; ?>
                                <?php } else { 
                                    echo formatoFecha($mensajes[$i]['fecha'])." a las ".formatoHora($mensajes[$i]['fecha']); ?>
                                <?php } ?>
                            </div>
                            <div style="padding:10px 0 25px 0;width:100%;float:left;">
                                <?php echo $mensajes[$i]['cuerpo']."<br>"; ?>
                            </div>
                        </div>
                    <div style="clear: both"></div>
                    </div>
        <?php
                } else {
                    ?>  
                    <div style="width:100%;">
                        <div class="thumb" style="float:right;padding:10px 5px 10px 10px;">
                            <img class="thumb" style="width:60px;" src="../<?php echo $contacto['foto'] ?>">
                        </div>
                        <div class="bocadillo_derecha" style="float:right;margin-top:10px;width:calc(100% - 90px)">
                            <div style="float:left;font-weight:bold;">
                                <?php $apellidos = explode(" ",$contacto['apellidos']) ?>
                                <?php echo $contacto['nombreUsuario']." ".$apellidos['0'].":"; ?>
                            </div>
                            <div style="float:right;margin-left:10px;">
                                <span class='badge badge-important' style='background-color:red;border-radius:3px'><?php echo $mensajes[$i]['nuevo'] ?></span>
                            </div>
                            <div style="float:right;font-size:11px;color:gray;">
                                <?php if ($mensajes[$i]['fecha'] == date("Y-m-d")) { ?>
                                    Hoy <?php echo " a las ".$mensajes[$i]['hora']; ?>
                                <?php  } else { 
                                    echo formatoFecha($mensajes[$i]['fecha'])." a las ".formatoHora($mensajes[$i]['fecha']); ?>                                
                                <?php } ?>
                            </div>
                            <div style="padding:10px 0 25px 0;width:100%;float:left;">
                                <?php echo $mensajes[$i]['cuerpo'] ?><br>
                            </div>
<!--                            <div class="denunciar abajo izquierda" id="denunciarMensaje<?php echo $i ?>">
                                <i class="glyphicon glyphicon-flag"></i>
                            </div>-->
<!--                            <script>
                                $(document).ready(function(){
                                    $("#denunciarMensaje<?php // echo $i ?>").tooltip({ placement: 'right', html : true, trigger:'hover', title: 'Denunciar mensaje'});
                                });
                            </script>-->
                        </div>
                        
                        <div style="clear: both"></div>
                    </div>
        <?php
                }
                $i++;
                echo '<br>';
            }
        }
        ?>
        <div style="width:100%;text-align:center;margin-bottom:20px;">
            <?php if (count($mensajes) > $resPorPagina) { ?>
                <ul class="pagination">
                    <?php if ($_GET['pagina'] == 1) { ?>
                        <li><a href="#">&laquo;</a></li>
                    <?php } else { ?>
                        <li><a href="conversaciones.php?pagina=<?php echo $_GET['pagina']-1 ?>&uid=<?php echo $_POST['uid'] ?>&mid=<?php echo $_POST['mid'] ?>&asunto=<?php echo $_POST['asunto'] ?>">&laquo;</a></li>
                    <?php } ?>

                    <?php for ($in = 0 ; $in < (count($mensajes)/$resPorPagina) ; $in++) { ?>
                        <?php if ($in+1 == $_GET['pagina']) { ?>
                            <li class="active"><a href="#"><?php echo $in+1 ?></a></li>
                        <?php } else { ?>
                            <li><a href="conversaciones.php?pagina=<?php echo $in+1 ?>&uid=<?php echo $_POST['uid'] ?>&mid=<?php echo $_POST['mid'] ?>&asunto=<?php echo $_POST['asunto'] ?>"><?php echo $in+1 ?></a></li>
                        <?php } ?>
                    <?php }?>
                            
                    
                    <?php if ($_GET['pagina'] >= (count($mensajes)/$resPorPagina)) { ?>
                        <li><a href="#">&raquo;</a></li>
                    <?php } else { ?>
                        <li><a href="conversaciones.php?pagina=<?php echo $_GET['pagina']+1 ?>&uid=<?php echo $_POST['uid'] ?>&mid=<?php echo $_POST['mid'] ?>&asunto=<?php echo $_POST['asunto'] ?>">&raquo;</a></li>
                    <?php } ?>
                    
                </ul>
            <?php } ?>
        </div>      
        
        </div>
         
        
        <div style="clear: both"></div>
        </div>
        <?php include 'footer.php' ?>
    </body>
</html>
